<template>
  <div>
      <ul class="mui-table-view">
        <li class="mui-table-view-cell mui-media" v-for="item in newlist" :key="item.id">
            <router-link :to="'/home/newsinfo/'+item.id">
                <img class="mui-media-object mui-pull-left" :src="item.img_url">
                <div class="mui-media-body">
                    <h1>{{ item.title }}</h1>
                    <p class='mui-ellipsis'>
                        <span>发表时间:{{item.add_time|formatTime}}</span>
                        <span>点击:{{item.click}}</span>
                    </p>
                </div>
            </router-link>
        </li>
    </ul>
  </div>
</template>
<script>
    export default {
        data(){
            return {
                newlist:[]
            }
        },
        created(){
            this.getnewlist()
        },
        methods:{
            async getnewlist(){
                const {data} = await this.$http('/api/getnewslist')
                if(data.status === 0) return (this.newlist = data.message)
            }
        }
    }
</script>
<style lang="scss" scoped>
.mui-media-body{
    h1{
        font-size: 14px;
    }
    .mui-ellipsis {
    color: #26a2ff;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
  }
}
</style>
